<!DOCTYPE HTML>
<!-- X-Frame-Options SAMEORIGIN, GOFORIT -->
<html manifest="" lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>FirstMate</title>
    <style type="text/css">
        html, body {
            height: 100%;
            background-color: #1985D0
        }

        #appLoadingIndicator {
            position: absolute;
            top: 50%;
            margin-top: -15px;
            text-align: center;
            width: 100%;
            height: 30px;
            -webkit-animation-name: appLoadingIndicator;
            -webkit-animation-duration: 0.5s;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-direction: linear;
        }

        #appLoadingIndicator > * {
            background-color: #FFFFFF;
            display: inline-block;
            height: 30px;
            -webkit-border-radius: 15px;
            margin: 0 5px;
            width: 30px;
            opacity: 0.8;
        }

        @-webkit-keyframes appLoadingIndicator{
            0% {
                opacity: 0.8
            }
            50% {
                opacity: 0
            }
            100% {
                opacity: 0.8
            }
        }
    </style>
    <script id="microloader" type="text/javascript" src="touch/microloader/development.js"></script>
    <script id="google" type="application/javascript" 
    		src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCG3on7hVz30086xsG8f-lflMfci2bQGrE&&libraries=weather&sensor=false">
    </script>
    <script type="text/javascript" src="http://cordc.ucsd.edu/js/RTV/RTVMapType.js"></script>

</head>
<body>
    <div id="appLoadingIndicator">
        <div></div>
        <div></div>
        <div></div>
    </div>
</body>
</html>
